import { Card } from 'antd';

import Tooltip from './Tooltip';
import Texty from './Texty';

export default function ReactTextTest() {
  return (
    <Card title="texty实现" style={{ background: '#eee' }}>
      <div style={{ display: 'flex' }}>
        <div>
          <Tooltip>this is a test 这是一个测试1</Tooltip>
          <Tooltip placement="right">this is a test 这是一个测试2</Tooltip>
          <Tooltip placement="bottom" theme="dark">
            this is a test 这是一个测试3
          </Tooltip>
          <Tooltip placement="left" theme="dark">
            this is a test 这是一个测试4
          </Tooltip>
        </div>
        <div style={{ paddingLeft: 30 }}>
          <div style={{ width: 180 }}>
            <Texty>this is a test 这是一个测试</Texty>
          </div>
          <div style={{ width: 130 }}>
            <Texty placement="bottom" hideArrow>
              延时关闭20s，this is a test 这是一个测试
            </Texty>
          </div>
        </div>
      </div>
    </Card>
  );
}
